$("#input-user").focusin(function(){

  $('#span-user').blur().css('display','block');
});

$("#input-pass").focusin(function(){

  $('#span-pass').blur().css('display','block');
});



$("#input-user").focusout(function(){

  $('#span-user').change().css('display','none');
});

$("#input-pass").focusout(function(){

  $('#span-pass').change().css('display','none');
});



$("#sub-input").submit().click(function(){
	if($("#input-user").val() == "" ){
		$("#span-user").css("display","block").css("color","red");
		$("#user-top").css("border","1px solid red");
		return false;
	}
})

$("#sub-input").submit().click(function(){
	if($("#input-pass").val() == "" ){
		$("#span-pass").css("display","block").css("color","red");
		$("#pass-top").css("border","1px solid red");
		return false;
	}
})















